<template>
	<view>
		<view class="status_bar">
		</view>
		<view class="back-view" @click="toBack()">
			退出客服
		</view>
		<!-- <web-view src="https://099918.kefu.easemob.com/webim/im.html?configId=dd01ef4a-0e08-44e3-9756-7a5fd43170bd"></web-view> -->

	</view>
</template>

<script>
	export default {
		onLoad() {
			// #ifdef APP-PLUS
			var that = this;
			that.statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
			var link = 'https://099918.kefu.easemob.com/webim/im.html?configId=dd01ef4a-0e08-44e3-9756-7a5fd43170bd';
			var w = plus.webview.create(link, 10086, {
					top: uni.getSystemInfoSync().statusBarHeight+50,//放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值
					//因为设置top之后 webview的高度依然不变会往下移 底部会被遮住  所以设置一下高度
					height: uni.getSystemInfoSync().windowHeight - uni.getSystemInfoSync().statusBarHeight-50,
			}, {
					preload: 'preload webview'
			}); // 可直接通过以下方法获取preload值
			var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
			currentWebview.append(w); //一定要append到当前的页面里！！！才能跟随当前页面一起做动画，一起关闭
			// #endif
			// #ifdef H5
				window.open('https://099918.kefu.easemob.com/webim/im.html?configId=dd01ef4a-0e08-44e3-9756-7a5fd43170bd','_blank')
			// #endif
		},
		methods:{
			toBack(){
				uni.navigateBack();
			}
		}
	}
</script>

<style scoped lang="scss">
	.status_bar {
		height: var(--status-bar-height);
		background-color: $theme-color;
		width: 100%;
	}
	.back-view{
		background-color: $theme-color;
		width: 100%;
		height: 50px;
		text-align: right;
		box-sizing: border-box;
		padding-right: 20rpx;
		line-height: 50px;
	}
</style>
